.SignUp {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sign-background{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(19,17,17,0.53);
  cursor: pointer;
}
.sign{
  width: 100%;
  max-width: 430px;
  min-height: 507px;
  background: #fff;
  position: relative;
  border-top: 5px solid #46BE8A;
  padding: 30px 25px 36px;
}
.sign-title{
  font-size: 18px;
  margin-bottom: 18px;
}
.sign-welcome{
  font-size: 36px;
  color: #333;
}
.sign-account{
  margin-top: 6px;
}
.sign-log{
  color: #46BE8A;
  cursor: pointer;
  margin-left: 6px;
}
.sign-style{
  height: 38px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 18px;
}
.sign-phone,.sign-eMail{
  width: 50%;
  height: 100%;
  padding-top: 6px;
  text-align: center;
  cursor: pointer;
  margin-top: 1px;
}
.sign-phone:hover, .sign-eMail:hover{
  color: #46BE8A;
}
.sign-phone.selected,.sign-eMail.selected{
  color: #46BE8A;
  border-bottom: 2px solid #46BE8A;
}
.sign-get{
  height: 38px;
  width: 140px;
  padding: 10px 22px 0;
}
.sign-activeGet{
  height: 38px;
  width: 140px;
  padding: 10px 22px 0;
  cursor: pointer;
  color: white;
  background: #46be8a;
}
.sign-activeGet:hover{
  background: #2fc78f;
}
.sign-activeGet:active{
  background: #30b081;
}
.sign-load-icon{
  width: 36px;
  height: 25px;
}
.sign-load-icon, .sign-check-icon, .sign-close-icon{
  position: absolute;
  top: 35%;
  left:100%;
  margin-left: -25px;
}
.sign-containImg{
  height: 38px;
  width: 140px;
}
.sign-confirmImg{
  cursor: pointer;
  height: 100%;
  width: 100%;
}
.sign-isAgree{
  clear: both;
  margin-top: 18px;
}
.sign-isAgree span{
  color: #46be8a;
  cursor: pointer;
}
.sign-btn{
  height: 52px;
  width: 100%;
  background: #46be8a;
  border-radius: 2px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  padding-top: 15px;
  cursor: pointer;
  margin-top: 20px;
}
.sign-btn:hover{
  background: #2fc78f;
}
.sign-btn:active{
  background: #30b081;
}
.sign-media-title{
  display:block;
  position:relative;
  top: 18px;
  margin: auto;
  text-align: center;
  background: #fff;
  width: 166px;
}
.sign-login-media{
  border-top: 1px solid #ddd;
  margin-top: 10px;
  padding-top: 27px;
  display: flex;
  justify-content: space-between;
}
.sign-login-qq, .sign-login-weChat{
  position: relative;
  width: 100%;
  max-width: 182px;
  height: 51px;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sign-login-qq:hover, .sign-login-qq.selected,.sign-login-weChat:hover, .sign-login-weChat.selected{
  border: 1px solid #46be8a;
}
.sign-contain{
  margin: auto;
  display: flex;
  align-items: center;
}
.sign-login-icon{
  width: 36px;
  height: 25px;
}
.sign-login-icon.sign-qq{
  background-position: -451px -310px;
}
.sign-login-icon.sign-wechat{
  background-position: -455px -349px;
}
.sign-word{
  display: inline-block;
}
.sign-load-icon, .sign-check-icon{
  color: #46be8a !important;
}
.sign-close-icon{
  color: #F56C6C;
}

.sign-close-btn{
  height: 20px;
  width: 20px;
  position: absolute;
  top: -5px;
  left: 102%;
  cursor: pointer;
  background-position: -198px -594px;
}
.sign-close-btn:hover{
  background-position: -198px -619px;
}
.sign-close-btn:active{
  background-position: -198px -619px;
}
[v-cloak] {
  display: none;
}
.el-input-group__append{
  background: #d4d4d4 !important;
  color: #666 !important;
  padding: 0 !important;
}
.emptyLoginBg{
  top: 72px !important;
  background-color: #f1f1f3 !important;
}

.inviteCode-wrap {
  margin-top: -2px;
}

.inviteCode {
  margin-top: 6px;
}

.inviteCode-label {
  position: relative;
  top: 9px;
  left: 10px;

}

.inviteCode-wrap .el-checkbox__label,
.sign-isAgree .el-checkbox__label {
  position: relative;
  top: 1px;
}